Gallery.views.AlbumViewPanel = Ext.extend(Ext.Panel, {
    layout: 'fit',
    html: '<div style="width:320px;height:480px;background:#000;"></div>',
    initComponent: function() {
        
									  
        console.log("view album" );
        
        this.dockedItems = [{
            xtype: 'toolbar',
            dock: 'top',
            itemId: 'albumToolbar',
            items: [{
                itemId: 'homeButton',
                ui: 'back',
                text: 'Back'
            }, { xtype: 'spacer' }] 
        }];
    
        this.xtpl = new Ext.XTemplate(
            '<div style="padding:10px 5px 5px 5px;">',
            '<tpl for=".">',
                '<div class="node"><img src="'+Gallery.urlserver+'{thumb}" witdh="94px" height="94px"/>',
                '</div>',
            '</tpl>',
            '</div>'
        );
    
        this.dataView = new Ext.DataView({
            store: null,
            tpl: this.xtpl,
            itemSelector: 'div.node'
        });
        
        
        
        this.items = this.dataView;
    
        Gallery.views.AlbumViewPanel.superclass.initComponent.apply(this, arguments);
    }
});

Ext.reg('gallery-albumviewpanel', Gallery.views.AlbumViewPanel);